image {
	will-change: transform !important;
}
html {
	font-family: PingFang SC;
	font-size: 28rpx;
}

// //轮播
// uni-swiper .uni-swiper-dots-horizontal {
// 	left: calc(100% - 90rpx);
// 	bottom: 10px;
// }
// uni-swiper .uni-swiper-dot {
// 	width: 14rpx;
// 	height: 14rpx;
// }
// // 轮播圆角
// uni-swiper {
// 	border-radius: 6rpx !important;
// 	overflow: hidden;
// }
.swipper-Box {
	margin: 0 30rpx;
	width: calc(100vw - 60rpx);
	position: relative;
}
.swiper-list {
	border-radius: 6rpx !important;
	height: 300rpx;
}
.swiper-item {
	border-radius: 6rpx !important;
	position: relative;
	height: 100%;
}
.swipper-img {
	//image层级问题  加定位使层级变低
	border-radius: 6rpx !important;
	height: 300rpx;
	width: 100%;
	display: block;
	position: absolute;
	z-index: -1;
}
.swipper-text {
	z-index: 10000;
	width: 100%;
	height: 54rpx;
	background-color: rgba(#333333, 0.5);
	color: #ffffff;
	bottom: 0;
	left: 0;
	padding: 10rpx 20rpx 0 20rpx;
	position: absolute;
}
.swipper_text_font {
	width: 70%;
	font-size: 28rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
// tab栏阴影
.tabShadow {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 5px;
	// background-color: red;
	box-shadow: 0px -2px 10px -1px #f2f2f2;
}
//输入框
._input {
	padding-left: 15px;
	margin: 5px 5px 5px 15px;
	border-radius: 30px;
	background-color: #f2f2f2;
	width: 70%;
	height: 33px;
	font-size: 14px;
}
// 输入按钮
.input_button {
	margin-top: 10px;
	color: #333333;
	font-size: 15px;
}
//方块卡片
._card {
	border-radius: 3px;
	background: #ffffff;
	margin: 10px 15px 0 15px;
	padding: 15px;
}
//点击列表的跳转
._list {
	margin-top: 10px;
	background-color: #ffffff;
}
._list_box {
	padding: 14px 15px;
	display: flex;
	border-bottom: 1px solid #f5f5f5;
}
._list_box:active {
	background-color: #f5f5f5;
}
._list_box:last-child {
	border-bottom: none;
}
//有topBar的页面背景
.pageBg {
	padding-top: 80px;
	background-color: #f5f5f5;
}
// 表单验证的box
._formBox {
	margin: 40rpx 30rpx 20rpx 30rpx;
}
._form-title {
	font-size: 15px;
}
._form_input {
	border-radius: 6rpx;
	background-color: #ffffff;
	padding: 23rpx 30rpx;
	font-size: 24rpx;
}
._form_changeBtn{
	border-radius: 6rpx;
	background-color: #ffffff;
	padding: 18rpx 20rpx;
	font-size: 26rpx;
}
._form_select {
	width: 90%;
	border-radius: 6rpx;
	background-color: #ffffff;
	padding: 23rpx 30rpx;
	font-size: 24rpx;
	border: none;
	color: #999999;
}
._form_btn {
	background-color: #002856;
	color: #ffffff;
	font-size: 15px;
	padding: 3.5px 0;
}
._form_btn:active {
	background-color: #010028;
}
//popUp弹窗居中样式
._popBox {
	background-color: #ffffff;
	border-radius: 5px;
	margin: auto;
	width: 280px;
	height: 170px;
	z-index: 9999;
}
._pop_image {
	width: 56.5px;
	height: 56.5px;
	margin-top: 35px;
}
._pop_font {
	font-size: 15px;
	margin: 10px 30px;
}
//tabber栏边框色
.uni-tabbar-border {
	background-color: #f2f2f2 !important;
}
//聊天栏
._chat_tools {
	display: flex;
	align-items: center;
	position: fixed;
	bottom: 0;
	width: 100vw;
	height: 98rpx;
	background-color: #ffffff;
	border-top: 1rpx solid #f2f2f2;
}
._chat_tools_input {
	border-radius: 16.5px;
	height: 66rpx;
	display: inline-block;
	background-color: #f2f2f2;
	width: 74.66666vw;
	text-indent: 0.8em;
	position: relative;
	left: 4vw;
}
._chat_tools_input::placeholder {
	color: #999999;
}
._chat_tools_bnt {
	display: inline-block;
	position: absolute;
	width: 10.5333vw;
	right: 7.2vw;
	color: #002856;
	font-weight: Bold;
	font-size: 17px;
}
//无数据
.noData_box {
	text-align: center;
}
.noData_img {
	margin-top: calc(40% - 80rpx);
	width: 160rpx;
	height: 116rpx;
}
.noData_font {
	margin: 20rpx 30rpx calc(40% - 100rpx) 30rpx;
	font-size: 14px;
	color: #cccccc;
}
//下拉选择
.select_Box {
	position: fixed;
	width: 100%;
	background-color: #ffffff;
	z-index: 9999;
}
.select_Box_item {
	// border-top: 1rpx solid #F2F2F2;
	width: calc(100% - 60rpx);
	padding: 0 30rpx;
	height: 90rpx;
	line-height: 90rpx;
	display: flex;
	justify-content: space-between;
	color: #666666;
	font-size: 30rpx;
}
.select_Box_item_font {
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.select_Box_item_text {
	color: #333333;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
//遮罩层
.pop-bg {
	position: fixed;
	background-color: #333333;
	opacity: 0.5;
	z-index: 998;
	height: 100vh;
	width: 100vw;
	top: 0;
}

.active-image {
		width: 100%;
		height: 300rpx;
	}
.active-title {
	font-size: 30rpx;
	font-weight: bold;
	color: #343434;
	line-height: 60rpx;
}
.active-detail {
	font-size: 26rpx;
	color: #343434;
	margin: 10rpx 0;
}
.active-type {
	display: inline-block;
	height: 40rpx;
	margin: 10rpx 20rpx 10rpx 0;
	padding: 8rpx 20rpx;
	border-radius: 50rpx;
}
.active-date {
	font-size: 24rpx;
	font-weight: 500;
	color: #9a9a9a;
	line-height: 60rpx;
}
//右边弹出抽屉
.drawer-box-right{
	width: 70%;
	position: fixed;
	background-color: #FFFFFF;
	z-index: 999;
	height: 100vh;
	top: 0;
	right: 0;
	animation: drawerLeft 1s;
}
@keyframes drawerLeft {
	from {
		right: -70%;
	}
	to {
		right: 0;
	}
}
//底边弹出抽屉
.drawer-box-bottom{
	width: 100%;
	position: fixed;
	background-color: #FFFFFF;
	z-index: 999;
	height: 50vh;
	bottom: 0;
	right: 0;
	animation: drawerBottom 1s;
}
@keyframes drawerBottom {
	from {
		bottom: -50vh;
	}
	to {
		bottom: 0;
	}
}
// 边框阴影

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
	position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
	box-sizing: border-box;
}
.solid::after {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-top::after {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-right::after {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-bottom::after {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-left::after {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-box{
	display: flex;
	align-items: center;
}
.text-right{
    text-align: right;
}
.fontBold{
    font-weight: bold;	
}
.line-key {
		font-size: 28rpx;
		color: #999999;
	}
	.line-title {
		color: #333333;
		font-size: 30rpx;
		font-weight: bold;
	}
	.text-r{
		text-align: right;
	}
	.areaCode_box{
		width: 80rpx;
		height: 80rpx;
		margin-bottom: 44rpx;
		background-color: #FFFFFF;
		margin-right: 30rpx;
		border-radius: 6rpx;
	}
	
	/* 间距 边距 */
	.margin-0 {
		margin: 0;
	}
	
	.margin-xs {
		margin: 10rpx;
	}
	
	.margin-sm {
		margin: 20rpx;
	}
	
	.margin {
		margin: 30rpx;
	}
	
	.margin-lg {
		margin: 40rpx;
	}
	
	.margin-xl {
		margin: 50rpx;
	}
	
	.margin-top-xs {
		margin-top: 10rpx;
	}
	
	.margin-top-sm {
		margin-top: 20rpx;
	}
	
	.margin-top {
		margin-top: 30rpx;
	}
	
	.margin-top-lg {
		margin-top: 40rpx;
	}
	
	.margin-top-xl {
		margin-top: 50rpx;
	}
	
	.margin-top-xxl {
		margin-top: 60rpx;
	}
	
	.margin-right-xs {
		margin-right: 10rpx;
	}
	
	.margin-right-sm {
		margin-right: 20rpx;
	}
	
	.margin-right {
		margin-right: 30rpx;
	}
	
	.margin-right-lg {
		margin-right: 40rpx;
	}
	
	.margin-right-xl {
		margin-right: 50rpx;
	}
	
	.margin-right-xxl {
		margin-right: 60rpx;
	}
	
	.margin-bottom-xs {
		margin-bottom: 10rpx;
	}
	
	.margin-bottom-sm {
		margin-bottom: 20rpx;
	}
	
	.margin-bottom {
		margin-bottom: 30rpx;
	}
	
	.margin-bottom-lg {
		margin-bottom: 40rpx;
	}
	
	.margin-bottom-xl {
		margin-bottom: 50rpx;
	}
	
	.margin-bottom-xxl {
		margin-bottom: 60rpx;
	}
	
	.margin-left-xs {
		margin-left: 10rpx;
	}
	
	.margin-left-sm {
		margin-left: 20rpx;
	}
	
	.margin-left {
		margin-left: 30rpx;
	}
	
	.margin-left-lg {
		margin-left: 40rpx;
	}
	
	.margin-left-xl {
		margin-left: 50rpx;
	}
	
	.margin-lr-xs {
		margin-left: 10rpx;
		margin-right: 10rpx;
	}
	
	.margin-lr-sm {
		margin-left: 20rpx;
		margin-right: 20rpx;
	}
	
	.margin-lr {
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	
	.margin-lr-lg {
		margin-left: 40rpx;
		margin-right: 40rpx;
	}
	
	.margin-lr-xl {
		margin-left: 50rpx;
		margin-right: 50rpx;
	}
	
	.margin-tb-xs {
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}
	
	.margin-tb-sm {
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}
	
	.margin-tb {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	
	.margin-tb-lg {
		margin-top: 40rpx;
		margin-bottom: 40rpx;
	}
	
	.margin-tb-xl {
		margin-top: 50rpx;
		margin-bottom: 50rpx;
	}
	
	.margin-tb-xxl {
		margin-top: 60rpx;
		margin-bottom: 60rpx;
	}
	
	.margin-tb-xxxl {
		margin-top: 70rpx;
		margin-bottom: 70rpx;
	}
	
	.padding-0 {
		padding: 0;
	}
	
	.padding-xs {
		padding: 10rpx;
	}
	
	.padding-sm {
		padding: 20rpx;
	}
	
	.padding {
		padding: 30rpx;
	}
	
	.padding-lg {
		padding: 40rpx;
	}
	
	.padding-xl {
		padding: 50rpx;
	}
	
	.padding-top-xs {
		padding-top: 10rpx;
	}
	
	.padding-top-sm {
		padding-top: 20rpx;
	}
	
	.padding-top {
		padding-top: 30rpx;
	}
	
	.padding-top-lg {
		padding-top: 40rpx;
	}
	
	.padding-top-xl {
		padding-top: 50rpx;
	}
	
	.padding-right-xs {
		padding-right: 10rpx;
	}
	
	.padding-right-sm {
		padding-right: 20rpx;
	}
	
	.padding-right {
		padding-right: 30rpx;
	}
	
	.padding-right-lg {
		padding-right: 40rpx;
	}
	
	.padding-right-xl {
		padding-right: 50rpx;
	}
	
	.padding-bottom-xs {
		padding-bottom: 10rpx;
	}
	
	.padding-bottom-sm {
		padding-bottom: 20rpx;
	}
	
	.padding-bottom {
		padding-bottom: 30rpx;
	}
	
	.padding-bottom-lg {
		padding-bottom: 40rpx;
	}
	
	.padding-bottom-xl {
		padding-bottom: 50rpx;
	}
	
	.padding-left-xs {
		padding-left: 10rpx;
	}
	
	.padding-left-sm {
		padding-left: 20rpx;
	}
	
	.padding-left {
		padding-left: 30rpx;
	}
	
	.padding-left-lg {
		padding-left: 40rpx;
	}
	
	.padding-left-xl {
		padding-left: 50rpx;
	}
	
	.padding-lr-xs {
		padding-left: 10rpx;
		padding-right: 10rpx;
	}
	
	.padding-lr-sm {
		padding-left: 20rpx;
		padding-right: 20rpx;
	}
	
	.padding-lr {
		padding-left: 30rpx;
		padding-right: 30rpx;
	}
	
	.padding-lr-lg {
		padding-left: 40rpx;
		padding-right: 40rpx;
	}
	
	.padding-lr-xl {
		padding-left: 50rpx;
		padding-right: 50rpx;
	}
	
	.padding-lr-xxl {
		padding-left: 60rpx;
		padding-right: 60rpx;
	}
	
	.padding-tb-xs {
		padding-top: 10rpx;
		padding-bottom: 10rpx;
	}
	
	.padding-tb-sm {
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}
	
	.padding-tb {
		padding-top: 30rpx;
		padding-bottom: 30rpx;
	}
	
	.padding-tb-lg {
		padding-top: 40rpx;
		padding-bottom: 40rpx;
	}
	
	.padding-tb-xl {
		padding-top: 50rpx;
		padding-bottom: 50rpx;
	}
	
	.padding-tb-xxl {
		padding-top: 60rpx;
		padding-bottom: 60rpx;
	}
	